﻿<UserControl x:Class="SmallTune.Views.PlayerView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300"
    Background="{DynamicResource MainGradientBrush}" >
    <Grid>
        <Border Margin="10" BorderBrush="{DynamicResource MainBorderGradientBrush}" BorderThickness="1" CornerRadius="4" Background="{DynamicResource MainInnerBrush}" >
            <Border BorderBrush="#2d2d2d" BorderThickness="2" CornerRadius="3">
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="auto" />
                        <RowDefinition Height="*" />
                        <RowDefinition Height="auto" />
                    </Grid.RowDefinitions>
                    <Grid Grid.Row="0" Margin="8,8,8,0">
                        <Border BorderBrush="#050505" BorderThickness="1" CornerRadius="5" Background="#050505">
                            <Border BorderBrush="#1b1b1b" BorderThickness="1" CornerRadius="4" Background="#171717">
                                <Border BorderBrush="#171717" BorderThickness="1" CornerRadius="3">
                                    <Border BorderBrush="#191919" BorderThickness="1" CornerRadius="2" Background="{DynamicResource BoxesInnerBrush}" >
                                        <Grid>
                                            <Grid.RowDefinitions>
                                                <RowDefinition Height="auto" />
                                                <RowDefinition Height="auto" />
                                            </Grid.RowDefinitions>
                                            <Grid Grid.Row="0">
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition Width="120" />
                                                    <ColumnDefinition Width="*" />
                                                </Grid.ColumnDefinitions>
                                                <Border HorizontalAlignment="Left" Margin="8, 8, 0, 0" Width="96" Height="96" Grid.Column="0" CornerRadius="3" BorderThickness="2" BorderBrush="{DynamicResource DisplayImageBorderBrush}">
                                                    <Border.Effect>
                                                        <DropShadowEffect ShadowDepth="2" />
                                                    </Border.Effect>
                                                    <Border.Background>
                                                        <ImageBrush>
                                                            <ImageBrush.ImageSource>
                                                                <BitmapImage UriSource="D:\\cover.jpg">

                                                                </BitmapImage>
                                                            </ImageBrush.ImageSource>

                                                        </ImageBrush>
                                                    </Border.Background>
                                                    <Border BorderBrush="#48000000" BorderThickness="1" CornerRadius="2" />
                                                </Border>
                                                <StackPanel Margin="0,15,0,0" Grid.Column="1">
                                                    <Canvas x:Name="Track_Information" VerticalAlignment="Top" Height="62"  Width="174"  HorizontalAlignment="Left">
                                                        <Canvas x:Name="Artist_Album_Song" Height="56" Canvas.Left="27" Canvas.Top="4" Width="147">
                                                            <TextBlock x:Name="Fortune__Deluxe_Version__" Foreground="#FFFFFFFF" FontSize="13" FontFamily="HelveticaNeue-Medium" LineStackingStrategy="BlockLineHeight" Canvas.Left="-0.328" LineHeight="13" TextAlignment="Left" TextWrapping="Wrap" Text="{Binding displayAlbum, Mode=TwoWay}" Canvas.Top="22.477"/>
                                                            <TextBlock x:Name="Bassline_" FontSize="13" FontFamily="HelveticaNeue-Medium" LineStackingStrategy="BlockLineHeight" Canvas.Left="-0.328" LineHeight="13" TextAlignment="Left" TextWrapping="Wrap" Canvas.Top="45.477" Foreground="#FF4FA1FF" Text="{Binding displayTitle, Mode=TwoWay}"></TextBlock>
                                                            <TextBlock x:Name="Chris_Brown_" FontSize="13" FontFamily="HelveticaNeue-Medium" LineStackingStrategy="BlockLineHeight" Canvas.Left="-0.328" LineHeight="13" TextAlignment="Left" TextWrapping="Wrap" Canvas.Top="0.477" Foreground="#FF4FA1FF" Text="{Binding displayArtist, Mode=TwoWay}"></TextBlock>
                                                        </Canvas>
                                                        <Canvas x:Name="Track_Icons" Height="62" Canvas.Left="0" Canvas.Top="0" Width="18">
                                                            <Path x:Name="Headphones" Data="F1M12.5,7C12.776,7 13,7.224 13,7.5 13,7.5 13,11.5 13,11.5 13,11.776 12.776,12 12.5,12 12.224,12 12,11.776 12,11.5 12,11.5 12,7.5 12,7.5 12,7.224 12.224,7 12.5,7z M6.5,7C6.776,7 7,7.224 7,7.5 7,7.5 7,11.5 7,11.5 7,11.776 6.776,12 6.5,12 6.224,12 6,11.776 6,11.5 6,11.5 6,7.5 6,7.5 6,7.224 6.224,7 6.5,7z M9.519,1.001C12.731,1.001 16.023,4.006 15.976,6.86 15.976,6.86 16.022,7.068 16.022,7.068 16.577,7.182 16.993,7.58 16.993,8.168 16.993,8.168 16.993,10.744 16.993,10.744 16.993,11.417 16.229,11.963 15.555,11.963 14.882,11.963 13.992,11.417 13.992,10.744 13.992,10.744 14.001,7.121 14.001,7.581 14.001,4.994 12.104,2.932 9.518,2.932 6.931,2.932 4.954,4.994 4.954,7.581 4.954,7.581 4.97,10.713 4.97,10.713 4.97,11.386 4.143,11.963 3.469,11.963 2.796,11.963 2,11.386 2,10.713 2,10.713 2,8.168 2,8.168 2,7.568 2.433,7.163 3.004,7.062 3.004,7.062 2.994,6.904 2.994,6.904 3.23,3.689 6.292,1.001 9.519,1.001z" Fill="#FFFFFFFF" Height="14" Canvas.Left="0" Canvas.Top="47" Width="18">
                                                                <Path.Effect>
                                                                    <DropShadowEffect BlurRadius="0" Color="#FF000000" Direction="-90" Opacity="1" ShadowDepth="1"/>
                                                                </Path.Effect>
                                                            </Path>
                                                            <Path x:Name="Microphone" Data="F1M2.391,5.813C3.203,5.813 2.958,6.313 2.958,6.313 2.958,8.806 4.448,11.015 6.941,11.015 9.435,11.015 10.956,9.118 10.956,6.625 10.956,6.625 10.75,5.938 11.516,5.938 12.281,5.938 12.036,6.625 12.036,6.625 12.036,9.585 10.808,11.466 7.982,11.957 7.982,12.257 7.984,13.977 7.984,13.977 7.984,13.977 10.234,13.977 10.234,13.977 10.649,13.977 10.984,14.547 10.984,15.02 10.984,15.492 10.649,16 10.234,16 10.234,16 3.859,16 3.859,16 3.445,16 2.984,15.492 2.984,15.02 2.984,14.547 3.32,13.977 3.734,13.977 3.734,13.977 5.984,13.977 5.984,13.977 5.984,13.977 5.982,12.22 5.982,11.937 3.138,11.47 1.849,9.293 1.849,6.313 1.849,5.813 2.391,5.813 2.391,5.813z M6.984,1.938C8.641,1.938 9.984,3.406 9.984,5.063 9.984,5.063 9.984,7.063 9.984,7.063 9.984,8.719 8.641,10.063 6.984,10.063 5.328,10.063 3.984,8.719 3.984,7.063 3.984,7.063 3.984,5.063 3.984,5.063 3.984,3.406 5.328,1.938 6.984,1.938z" Fill="#FFFFFFFF" Height="18" Canvas.Left="2" Canvas.Top="0" Width="14">
                                                                <Path.Effect>
                                                                    <DropShadowEffect BlurRadius="0" Color="#FF000000" Direction="-90" Opacity="1" ShadowDepth="1"/>
                                                                </Path.Effect>
                                                            </Path>
                                                            <Path x:Name="CD" Data="F1M9.47,7.139C8.733,7.139 8.135,7.733 8.135,8.467 8.135,9.2 8.733,9.794 9.47,9.794 10.206,9.794 10.804,9.2 10.804,8.467 10.804,7.733 10.206,7.139 9.47,7.139z M9.494,6.247C10.724,6.247 11.721,7.24 11.721,8.464 11.721,9.688 10.724,10.68 9.494,10.68 8.265,10.68 7.268,9.688 7.268,8.464 7.268,7.24 8.265,6.247 9.494,6.247z M9.492,4.485C7.27,4.485 5.469,6.278 5.469,8.489 5.469,10.7 7.27,12.493 9.492,12.493 11.714,12.493 13.515,10.7 13.515,8.489 13.515,6.278 11.714,4.485 9.492,4.485z M9.488,1.007C13.636,1.007 17,4.355 17,8.485 17,12.614 13.636,15.962 9.488,15.962 5.339,15.962 1.975,12.614 1.975,8.485 1.975,4.355 5.339,1.007 9.488,1.007z" Fill="#FFFFFFFF" Height="17" Canvas.Left="0" Canvas.Top="24" Width="18">
                                                                <Path.Effect>
                                                                    <DropShadowEffect BlurRadius="0" Color="#FF000000" Direction="-90" Opacity="1" ShadowDepth="1"/>
                                                                </Path.Effect>
                                                            </Path>
                                                        </Canvas>
                                                    </Canvas>
                                                    <Slider Value="6" Height="24" Margin="0,5,10,0" />
                                                </StackPanel>
                                            </Grid>
                                            <Grid Grid.Row="1" Margin="10,20,0,0" >
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition Width="96" />
                                                    <ColumnDefinition Width="*" />
                                                </Grid.ColumnDefinitions>
                                                <StackPanel Orientation="Horizontal" Grid.Column="0">
                                                    <TextBlock FontFamily="HelveticaNeue" VerticalAlignment="Bottom" TextAlignment="Left" Foreground="#FFFFFFFF" Text="{Binding displayCurrentTime}" FontSize="20" />
                                                    <TextBlock FontFamily="HelveticaNeue" VerticalAlignment="Bottom" TextAlignment="Left" Foreground="#FF939393" Text="/" FontSize="12" />
                                                    <TextBlock FontFamily="HelveticaNeue" VerticalAlignment="Bottom" TextAlignment="Left" Foreground="#FF939393" Name="displayTotalTime"  FontSize="12" />
                                                </StackPanel>
                                            </Grid>
                                        </Grid>
                                    </Border>
                                </Border>
                            </Border>
                        </Border>
                    </Grid>
                    <ContentControl Name="ActiveItem" Grid.Row="1" Margin="8,10,8,0"  />
                    <StackPanel Grid.Row="2" Margin="2,10,2,0" Orientation="Horizontal">
                        <Button>Test</Button>
                        <Button>Test2</Button>
                        <ToggleButton>Test3</ToggleButton>
                    </StackPanel>
                </Grid>
            </Border>
        </Border>
    </Grid>
</UserControl>
